﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mfClearBalanceInfo.aspx.cs" Inherits="msBsc.WebUi.mMall.Seller.mfClearBalanceInfo" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>手机地接客</title>
    <%=getMeta()%>
    <link rel="stylesheet" type="text/css" href="/themes/mStyle1/mGlobal.css" charset="gbk" />
    <%=getBodyBeforeJs()%>
    <!--start JS引用-->
    <script src="/jqPlugin/js/jquery-1.8.3.min.js"></script>
    <script src="/jqPlugin/js/jBase.js"></script>
    <script src="/jqPlugin/js/jBPage.js"></script>
    <script src="/jqPlugin/js/laytpl.js"></script>
    <script src="/themes/wStyle1/js/comm/VerifyJs.js"></script>
    <!--end JS引用-->
    <script type="text/javascript">
        $(window).load(function () {
            $("#h_title").text("解绑支付宝账户");
            var oparm = new jsonRow();
            oparm.AddCell("ACTION", "InitInfo");
            ajaxComm(oparm);
        });
    </script>
    <!--head fix rgn-->
    <style type="text/css">
        input[type=text], #selBankList {
            border: 0;
            border: 1px solid #808080;
            width: 300px;
            height: 30px;
            line-height: 30px;
        }

            input[type=text]:hover {
                border: 1px solid #0094ff;
            }

        input[type=button] {
            width: 80px;
            height: 28px;
            text-align: center;
            line-height: 28px;
            border: 0;
            background-color: #7abd54;
            color: #fff;
            font-size: 14px;
            font-family: 微软雅黑;
            cursor: pointer;
        }

            input[type=button]:hover {
                opacity: 0.8;
            }

        .bind-notice-msg {
            max-width: 840px;
            padding: 10px 15px;
            border: 1px solid #f60;
            font-family: 微软雅黑;
            font-size: 16px;
            color: #0094ff;
            margin-bottom: 20px;
            text-indent: 32px;
        }

        .content-wrap {
            width: 98%;
            margin-left: 1%;
            max-width: 840px;
            min-width: 300px;
        }

            .content-wrap span {
                display: table-cell;
                padding-right: 15px;
            }

        .content-row {
            line-height: 45px;
        }

        .bindBank-title, .bindAlipay-title {
            max-width: 840px;
            height: 35px;
            line-height: 35px;
            font-family: 微软雅黑;
            font-size: 18px;
            color: #fff;
            background-color: #0094ff;
            padding-left: 20px;
        }

        .bindBank-content, .bindAlipay-content {
            max-width: 840px;
            border: 1px solid #808080;
        }

        .bindAlipayInfo {
            margin-top: 15px;
        }

        .notice-title {
            width: 120px;
            text-align: right;
            font-family: 微软雅黑;
            font-size: 14px;
            color: #808080;
            letter-spacing: 3px;
        }

        .notice-msg {
            font-size: 12px;
            font-family: 微软雅黑;
            color: #f00;
        }

        .btnReset {
            background-color: #0094ff !important;
        }

        .ErrBorder {
            border-color: #f00 !important;
        }

        @media (max-width:470px) {
            input[type=text], #selBankList {
                width: 100%;
                min-width: 240px;
            }

            .content-row span {
                display: block;
                width: 100%;
                text-align: left;
                line-height: 35px;
            }

            .bindBank-content, .bindAlipay-content {
                padding: 0 10%;
            }

            .content-row {
                line-height: normal;
            }

            .notice-title {
                line-height: 25px !important;
            }
        }
    </style>
    <link href="/themes/mStyle1/css/public/mDjackPersonalBase.css" rel="stylesheet" />
    <link rel="stylesheet" href="/themes/mStyle1/mSearch.css" />
    <link href="/themes/mStyle1/css/home/base.css" rel="stylesheet" />
    <%--    <link rel="stylesheet" href="/themes/Style1/schList.css" />--%>
    <base target="_self" />
</head>
<body>
    <input type="hidden" id="hidIsModifyBank" value="N" />
    <input type="hidden" id="hidIsModifyAlipay" value="N" />
    <div class="viewport" style="background-color: #edeeee">
        <%=msBsc.WebUi.Code.QtHtmlGet.GetWapHeaderMenuHtml(true) %>
        <div class="content-wrap">
            <div class="bind-notice-msg">
                解除绑定支付宝账户，可能会对您的账户安全造成影响，请慎重决定。为保证您的账户安全，在解除绑定后7天内不能进行再次绑定。感谢您的支持。
            </div>

            <%--<div class="bindBankInfo">
                        <div class="bindBank-title">绑定银行账户</div>
                        <div class="bindBank-content">
                            <div class="content-row">
                                <span class="notice-title">开户行:</span>
                                <span class="cust-input">
                                    <select id="selBankList">
                                    </select>
                                </span>
                                <xmp id="bank_name_list" style="display: none">
                                    <option value="0">请选择银行账户开户行</option>
            {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                   <option value="{{d.rows[i].BANK_ID}}">{{d.rows[i].BANK_NME}}</option>
            {{#} }}
            </xmp>
                                <span class="notice-msg notice-msg-bank"></span>
                            </div>

                            <div class="content-row">
                                <span class="notice-title">用户名:</span>
                                <span class="cust-input">
                                    <input type="text" id="txtBankUserNme" value="" placeholder="请输入银行账户用户名" />
                                </span>
                                <span class="notice-msg notice-msg-username"></span>
                            </div>

                            <div class="content-row">
                                <span class="notice-title">银行账户:</span>
                                <span class="cust-input">
                                    <input type="text" id="txtBankAccount" value="" placeholder="请输入银行账户" />
                                </span>
                                <span class="notice-msg notice-msg-bankaccount"></span>
                            </div>

                            <div class="content-row">
                                <span class="notice-title">银行名称:</span>
                                <span class="cust-input">
                                    <input type="text" id="txtBankComNme" value="" placeholder="请输入开户行全称" />
                                </span>
                                <span class="notice-msg notice-msg-comnme"></span>
                            </div>

                            <div class="content-row">
                                <span class="notice-title"></span>
                                <span class="cust-input">
                                    <input type="button" id="submitBank" value="确认绑定" />
                                    <input type="button" class="btnReset" id="resetBank" value="清空内容" />
                                </span>
                            </div>
                        </div>
                    </div>--%>

            <div class="bindAlipayInfo">
                <div class="bindAlipay-title">解绑支付宝账户</div>
                <div class="bindAlipay-content">
                    <div class="content-row">
                        <span class="notice-title">支付宝账号:</span>
                        <span class="cust-input">
                            <input type="text" id="txtAlipayAccount" value="" />
                        </span>
                        <span class="notice-msg notice-msg-aliaccount"></span>
                    </div>

                    <div class="content-row">
                        <span class="notice-title"></span>
                        <span class="cust-input">
                            <input type="button" id="submitAplipay" onclick="javascript: if (confirm('确定要解除您在本平台绑定的支付宝账户信息？')) { ClearAlipayInfo(); } return false;" value="解绑支付宝" />
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <%=msBsc.WebUi.Code.QtHtmlGet.GetWapMenuHtml() %>
    </div>


    <script type="text/javascript">
        $(function () {
            $("#submitBank").click(function () {
                BindBankInfo();
            })
        })

        function InitBankInfo(bankId, busername, baccount, bcomnme) {
            $("#selBankList").val(bankId);
            $("#txtBankUserNme").val(busername);
            $("#txtBankAccount").val(baccount);
            $("#txtBankComNme").val(bcomnme);
            $("#submitBank").val("确认修改");
            $("#hidIsModifyBank").val("Y");
        }

        function InitAliPayInfo(aliPayAccount) {
            $("#txtAlipayAccount").val(aliPayAccount).attr("disabled", "disabled");
        }

        function ClearAlipayInfo() {
            var oparm = new jsonRow();
            oparm.AddCell("ACTION", "CleaAlipay");
            ajaxComm(oparm);
        }

        $(document).ready(function () {
            $.getMessageCount();
        });
    </script>
</body>
</html>
